<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
			<style>
				p.super_link{
					font-size:30px;
					color:blue;
				}
				#content a{
					font-size:30px;
					color:blue;
				}
				#content p{
					font-family:"微软雅黑";
				}
				p,.super_link,#content,a{
					width:200px;
					height:200px;
					background-color:red;
				}
			
			/*通过input的type去区分标签的选择器*/
           input[type=button]{
				font-size:30px;
				color:red;
			}
			input[type=text]{
				
				color:pink;
			}
			</style>
		<title>复合选择器</title>
	</head>
	<body>
		<p>
			<a class="super_link"href="">这是一个超链接</a>			
		</p>
		<div id="content">
			<a href="#">这是另一个超链接</a>
			<hr/>
			<p>这是一段文字</p>
		</div>
		<input type="button" value="点我啊">
			<br/>
			
	</body>
</html>
